<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
        <link rel="stylesheet" type="text/css" href="./css/index.css" />
        <script type="text/javascript" src="./js/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="./js/min.slip.js"></script>
    </head>
    <body>
        <div id="container">
            <section class="page page-1">
                <h1 class="jbxx">基本信息</h1>
                <ul class="liUser">
                    <li>姓名：范庆琦</li>
                    <li>性别：男</li>
                    <li>籍贯：河北邢台</li>
                    <li>现居：北京</li>
                    <li>年龄：24</li>
                </ul>
                <div class="geyan">
                    <p>成功等于百分之一的天赋加百分之九十九的汗水!</p>
                    <p class="rightP">---爱迪生</p>
                </div>
            </section>
            <section class="page page-2">
                <div class="header">
                    <span>联</span>
                    <span>系</span>
                    <span>方</span>
                    <span>式</span>
                </div>
                <div class="box_border">
                    <div class="border_left"></div>
                    <div class="border_top"></div>
                    <div class="border_right"></div>
                    <div class="border_bottom"></div>
                    <ul class="Telephone">
                        <li>
                            点击查看Telephone
                        </li>
                        <li>点击查看e-mail</li>
                        <li>点击查看QQ</li>
                    </ul>
                </div>
            </section>
<section class="page page-3">
            <h1>求职意向：</h1>
            <h1>web前端工程师 </h1>
            <h1>js开发、h5工程师</h1>
            <h1> 全职 ， 北京  </h1>
            <h1>教育经历：</h1>
            <h1>冀中职业学院</h1>
            <h1>计算机网络技术</h1>
            <h1> 2012.9---2015.6</h1>
</section>
<section class="page page-4" >
    <h1>技能掌握</h1>
    <div class="box">
        <p>DIV+CSS</p>
        <p>HTML5 +CSS3</p>
        <p>jQuery+bootstrap</p>
        <p>Ajax、Json、jsonp</p>
        <p>作用域、闭包、原型链</p>
        <p>Angular、npm</p>
    </div>
</section>
<section class="page page-5">
    <div class="footr">
        <h3>谢谢欣赏..........</h3>
    </div>
</section>
</div>
<script type="text/javascript" src="./js/index.js"></script>
</body>
</html>